<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>Dashboard Template for Bootstrap</title>
	<link rel="stylesheet" type="text/css" href="/xiaomi/Public/css/type.css" />
	<script src="/xiaomi/Public/js/jquery.min.js"></script>
</head>
<body class="admin_layout">
<header class="admin_header">
	<h2>小米商城后台管理系统</h2> 
  <ul>
		<li>欢迎您：</li>
		<li><a href="/xiaomi/index.php?s=/Admin/Administrator/modifySellerInformation"><?php echo ($_SESSION['admin_name']); ?>&emsp;</a></li>
		<li>|</li>
		<li><a href="/xiaomi/index.php?s=">&emsp;前台首页&emsp;</a></li>
		<li>|</li>
		<li><a href="/xiaomi/index.php?s=/Admin/Administrator/logout"  onClick="return confirm('您确定要退出本站?');">&emsp;退出登录&emsp;</a></li>
	</ul>
  
</header>


<div class="admin_main">
<aside class="sidebar" id="selector">
	<ul>
		<li><a href="/xiaomi/index.php?s=/Admin/Index/index" id="">后台首页</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Goodcategory/index" id="">分类管理</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Goodattribute/checkGoodAttribute" id="">商品属性</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Goods/checkGoods" id="">商品管理</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Goods/recycleIndex" id="">下架商品</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Order/index" id="">订单管理</a></li>
		<li><a href="/xiaomi/index.php?s=/Admin/Orderdetail/index" id="">评论管理</a></li>
	<li><a href="/xiaomi/index.php?s=/Admin/User/index" id="">顾客管理</a></li>
</ul>
</aside>
<section class="admin_section">
	<div>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<br>
<br>
<table class="classify_table1">
	<tr>
		<td><span class="classify_table_title">商品分类列表</span> <span
			class="classify_table_button">
		<button><a href="/xiaomi/index.php?s=/Admin/Goodcategory/add">添加分类</a></button>
		</span></td>
	</tr>
	<tr>
		<td style="text-align: left; background: white" class="classify_tbody">
		<div class="data-tree"><!-- 通过 让每个div(数据)里面都添加margin-left形成缩进，突出层次感-->
		<?php function getTree(&$data, $level=0){ ?> <!-- 遍历整颗树 --> <?php if(is_array($data)): foreach($data as $key=>$v): ?><!-- 循环每个节点，获得父节点相同的所有子节点的树 --> <?php if(($v["level"]) == $level): ?><!-- eq标签是判断v.level和level的值是否相同，类似于if(v.level===$level){ -->
		<div><b><?php echo ($v["CategoryName"]); ?></b> <a href="#"
			onclick="add_line(this,<?php echo ($v["GoodcategoryId"]); ?>)">添加</a> <a
			href="/xiaomi/index.php?s=/Admin/Goodcategory/update/GoodcategoryId/<?php echo ($v["GoodcategoryId"]); ?>">修改</a>
		<a href="#" onclick="del(this,<?php echo ($v["GoodcategoryId"]); ?>)">删除</a>
		<?php getTree($data,$v['GoodcategoryId']);?> <!-- 递归，将当前节点的子树输出 --></div><?php endif; endforeach; endif; ?> <?php };getTree($data);?> <!-- 一开始时使用getTree函数，循环整树 --></div>
		</td>
	</tr>
</table>


<script>
	$(".data-tree").on("click","#new_div :button",function(){
		var categoryName = $("#new_categoryName").val();
		if(categoryName==""){alert('请输入正确的分类名！');return false;}		//若分类名为空，则不添加
		var level = $("#new_level").val();
		var div = $(this);
		$.post("/xiaomi/index.php?s=/Admin/Goodcategory/addhang",{CategoryName: categoryName, level: level},function(msg){		//ajax调用php中本控制器的函数
			if (msg === false) {		//若添加子类失败，返回该信息
				alert('添加失败');
				return false;
			}
			var html = "<div>" + categoryName;		//添加子类成功，将数据添加到div树中
			html += ' <a href="#" onclick="add_line(this,'+msg+')">添加</a> ';		//msg返回的是子类的GoodcateGoryId
			html += '<a href="/xiaomi/index.php?s=/Admin/Goodcategory/revise/cid/'+msg+'")">修改</a> ';
			html += '<a href="#" onclick="del(this,'+msg+')">删除</a></div>';
			div.parent().parent().append(html);			//添加子类行
			div.parent().remove();			//删除输入行
        },'json');
	});
	
	function add_line(obj, id){		//点击树里面的添加元素，触发事件
		var html = '<div id="new_div">子分类：<input type="text" id="new_categoryName" />';
		html += '<input type="button" value="添加" />';
		html += '<input type="hidden" value="'+id+'" id="new_level" /></div>';	//默认使用的添加的输入行代码
		if($("#new_div").val()===undefined){		//如果当前页面不存在这新的一行，则添加显示该元素
			$(obj).parent().append(html);
			$("#new_cname").focus();
			}else{									//如果已经存在这输入行，那么再次触发该事件时，使用这里
				if($("#new_div").parent().is($(obj).parent())){		//如果点击的添加按钮一样，则直接隐藏输入行
					$("#new_div").remove();		//不能提到if外，否则if的条件$("#new_div").parent()便不满足了
				}
				else {
					$("#new_div").remove();				//如果点击的添加按钮不一样，则隐藏原来的行，添加新元素 的行
					$(obj).parent().append(html);
				}
			
		}
	}
	function del(obj,id) {
		if(confirm('删除分类后，该分类下的商品属性也会被删除，确定删除本分类?'))
		{
			$.get("/xiaomi/index.php?s=/Admin/Goodcategory/remove", {GoodcategoryId: id}, function (msg) {  //触发删除事件。传送GoodcateGoryId参数到php后台中
				if (msg.flag === true) {		//删除成功，则去掉该行
					$(obj).parent().remove();
				}else{			//删除失败，则提示错误信息
					alert(msg.msg);
				}
			}, "json");
		}
	}
</script>

</body>
</html>
	</div>
</section>
</div>
</body>
</html>